import React, { useEffect, useState } from 'react'

export default function App () {
  const [count, setCount] = useState(0)
  const handleCick = () => {
    setCount(count + 1)
  }
  // 初始化的时候把标题变成 1
  useEffect(() => {
    console.log(1);
    // 执行时机
    // 1. 初始化会执行这儿（componentDidMount）
    // 2. 数据变化的时候也会走这儿，例如 count 变化了会执行这里（componentDidUpdate）
    document.title = count
  })
  return (
    <div>
      <h2>{count}</h2>
      <button onClick={handleCick}>+1</button>
    </div>
  )
}
